<template>
  <div>
    <Header/>
    <Aside/>
    <div class="content-box" :class="{'content-collapse':collapse}">
     <router-view></router-view>
    </div>
  </div>
</template>

<script>
import Aside from "@/components/Aside";
import Header from "@/components/Header";
import Main from "@/components/Main";
export default {
  name: "Home",
  components:{
    Aside,Header,Main
  },
  data(){
    return{
      collapse:false
    }
  },
  mounted() {
    this.$bus.$on('collapse',msg=>{
      this.collapse=msg
    })
  }
}
</script>

<style scoped>

</style>
